import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule} from "@angular/forms";

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HelloComponent } from './hello/hello.component';
import { AppendPipe } from './tool/append.pipe';
import { HomeComponent } from './home/home.component';
import { TitleComponent } from './title/title.component';
import { ListService} from "./services/list.service";
import { ListComponent } from './list/list.component';
import { QueryComponent } from './query/query.component';

@NgModule({
  declarations: [
    AppComponent,
    HelloComponent,
    AppendPipe,
    HomeComponent,
    TitleComponent,
    ListComponent,
    QueryComponent
  ],

  //申明组件需要用到的类
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    ReactiveFormsModule
  ],

  providers: [ListService],
  bootstrap: [AppComponent]
})
export class AppModule { }
